<template>
  <footer v-if="config?.footer" class="bg-gray-900 text-white">
    <!-- // TODO: PC Footer -->
     <div class="hidden md:flex"> 
      PC端
    </div>
  
    <!-- // TODO: 移动端 Footer -->
    <div class="md:hidden"> 
      移动端
    </div>
  </footer>
</template>

<script setup>
import { computed, onMounted } from 'vue'
import { useConfig } from '@/composables/useConfig'

const { config: configRef, loadConfig } = useConfig()

const config = computed(() => configRef.value)

onMounted(() => {
  loadConfig()
})
</script>

<style scoped>
/* 自定义样式 */
</style> 